<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<script type="text/javascript">
    var dataGrid;
    
    dataGrid = $("#filesrecord_datagrid_list").datagrid({
        url : '${ctx}/file/recorddatagrid.do',
        pagination : true,
        fit : true,
        border : true,
        idField : 'id',
        pageSize : 100,
        rownumbers : true,
        pageList : [ 100, 200, 300, 500,1000],
        sortName : 'number',
        sortOrder : 'desc',
        singleSelect : true,
        columns : [ [ {
            field : 'id',
            hidden:true
        },{
            field : 'number',
            title : '文号',
            width : 200,
        },{
            field : 'filename',
            title : '档案名称',
            width :  300,
        },{
            field : 'copies',
            title : '借阅/归还份数',
        },{
            field : 'date',
            title : '操作时间',
        },{
            field : 'borrower',
            title : '借阅人',
        },{
            field : 'type',
            title : '操作类型',
        }] ],
        toolbar : [ {
            text : '条件筛选',
            iconCls : 'icon-search',
            handler : function() {
                searchFuns();
            }
        } , '-', {
            text : '清空条件',
            iconCls : 'icon-cancel',
            handler : function() {
                cleanFuns();
            }
        }
        ]
    });


    function searchFuns() {
        $("#filesrecord_datagrid_list").datagrid('load',
            $.serializeObject($('#recordsearchForm'))
        );
    }

    function cleanFuns() {
        $("#recordsearchForm input").val('');
        $("#filesrecord_datagrid_list").datagrid('load', {});
    }


</script>

<div class="easyui-layout" data-options="fit : true,border : false">
    <div data-options="region:'north',title:'条件筛选区',border:false" style="height:70px;overflow:hidden;">
        <form id="recordsearchForm" method="post">
            <table>
                <tr>
                    <th>档案名称</th>
                    <td><input class="easyui-textbox" data-options="prompt:'可模糊查询'" name="filename"  style="width:400px;height:30px;"/></td>
                    <th>开始时间</th>
                    <td><input class="easyui-datebox" id="start" name="start" data-options="editable:false" style="height: 30px"></td>
                    <th>结束时间</th>
                    <td><input class="easyui-datebox" id="end" name="end" data-options="editable:false" style="height: 30px"></td>
                </tr>
            </table>
        </form>
    </div>
    <div data-options="region:'center',border:false">
        <table id="filesrecord_datagrid_list"></table>
    </div>
</div>


